<template>
  <navbar title="关于我们" :isBack="true"></navbar>
  <loading v-if="!info"></loading>
  <template v-else>
  <!--  <view class="header flex-direction-column">
      <view class="item flex">
        <image src="/pagesA/static/image/01.png"></image>
        <view class="desc flex-direction-column">
          <text>联系电话</text>
          <text>{{ info.phone }}</text>
        </view>
      </view>
      <view class="item flex">
        <image src="/pagesA/static/image/02.png"></image>
        <view class="desc flex-direction-column">
          <text>E-mail</text>
          <text>{{ info.mailbox }}</text>
        </view>
      </view>
      <view class="item flex">
        <image src="/pagesA/static/image/03.png"></image>
        <view class="desc flex-direction-column">
          <text>地址</text>
          <text>{{ info.address }}</text>
        </view>
      </view>
    </view>
    <view class="line"></view> -->
    <view class="rich">
		<u-parse :html="info.about_text" class="parse"></u-parse>
    </view>
  </template>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import { getabout} from '@/service/api/index'

let info = ref(null)

const getaboutApi = async () => {
  const { msg } = await getabout()
  info.value = msg
}
onLoad(() => {
  getaboutApi()
})
</script>

<style lang="scss" scoped>
	.parse {
	  font-size: 28rpx;
	  color: #333;
	}
.header {
  background-color: #fff;
  padding: 40rpx 36rpx 34rpx 36rpx;
  .item {
    margin-bottom: 30rpx;
    align-items: flex-start;
    &:last-child {
      .desc {
        border: none;
        padding-bottom: 0rpx;
      }
    }
    image {
      width: 48rpx;
      height: 48rpx;
    }
    .desc {
      flex: 1;
      margin-left: 26rpx;
      padding-bottom: 30rpx;
      border-bottom: 1px solid #eee;

      text {
        &:nth-child(1) {
          height: 44rpx;
          font-size: 32rpx;
          font-weight: bold;
          line-height: 44rpx;
          color: #000000;
        }
        &:nth-child(2) {
          height: 40rpx;
          font-size: 28rpx;
          line-height: 40rpx;
          color: #777777;
          margin-top: 12rpx;
        }
      }
    }
  }
}
.rich {
  padding: 50rpx 36rpx;
  background-color: #fff;
    .title {
      font-size: 32rpx;
      // font-weight: bold;
      line-height: 44rpx;
    }
    .time {
      height: 34rpx;
      font-size: 26rpx;
      line-height: 34rpx;
      color: #999999;
      margin: 12rpx 0 30rpx 0;
    }
}
</style>
